<template>
	<view class="flex flex-column">
		<swiper style="width: 100%;height: 350rpx;" :indicator-dots="true" indicator-color="#FFFFFF" indicator-active-color="#007aff" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="(item,index) in imgList" :key="index">
				<image :src="item.src" style="width: 100%;height: 350rpx;"></image>
			</swiper-item>
		</swiper>
		
		<view>
			<uni-list>
				<uni-list-item :to="'/pages/dept_index'" clickable :show-extra-icon="true" :extra-icon="{color: '#007aff',size: '22',type: 'iconfont myicon-bumen'}" title="部门管理" showArrow></uni-list-item>
				<uni-list-item to="/pages/dept_detail" clickable :show-extra-icon="true" :extra-icon="{color: '#007aff',size: '22',type: 'staff'}" title="用户管理" showArrow></uni-list-item>
			</uni-list>
			
			<view>
				<view><uni-icons :size="26" type="paperplane"></uni-icons> </view>
				<view><uni-icons :size="26" type="iconfont myicon-bumen"></uni-icons> </view>
				<view class="myicon-bumen" style="color: red;font-size: 46rpx;"></view>
			</view>
			
			<!-- <view class="">
				<text><uni-icons :size="26" type="iconfont icon-bumen"></uni-icons> </text>
			</view>
			<view class="">
				<text class="icon-bumen" style="color: red;font-size: 46rpx;"></text>
			</view> -->
		</view>
	</view>
</template>
<script setup name="index">
import { ref } from 'vue';

import {onLoad} from '@dcloudio/uni-app';

onLoad(()=>{
	uni.getStorage({
		'key':'app-user',
		fail: (res) => {
			uni.reLaunch({url:'/pages/login'})
		}
	})
})


const imgList=ref([
	{src:'/static/image/banner/01.jpg',url:null},
	{src:'/static/image/banner/02.jpg',url:null},
	{src:'/static/image/banner/03.jpg',url:null},
]);

function toDept() {
	uni.navigateTo({
		url:'/pages/dept_index'
	})
}

</script>
<style>

</style>
